<template>
    <GeneralOperationForm
        :navLists="navLists"
    >
        <template #default>
            <el-form 
                ref="ruleFormRef1"
                :model="formData1" 
                :rules="rules1"
                label-width="8vw"
                status-icon
                label-position="left"
            >
                <Section :list="navLists[0]" />
                <Section :list="navLists[1]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="姓名"
                        prop="name"
                    >
                        <el-input 
                            v-model="formData1.name" 
                            clearable
                            disabled
                            placeholder="请输入姓名"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="身份证号码"
                        prop="id_number"
                    >
                        <el-input 
                            v-model="formData1.id_number" 
                            clearable
                            disabled
                            placeholder="请输入身份证号码"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="性别"
                        prop="gender"
                    >
                        <GeneralSelect
                            v-model="formData1.gender"
                            clearable
                            disabled
                            placeholder="请选择性别"
                            :dictionary="GENERAL_REMOTE_OPTIONS[8]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="户籍性质"
                        prop="ziduan1"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan1"
                            clearable
                            placeholder="请选择户籍性质"
                            :dictionary="GENERAL_REMOTE_OPTIONS[24]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="联系方式"
                        prop="ziduan2"
                    >
                        <el-input 
                            v-model="formData1.ziduan2" 
                            clearable
                            placeholder="请输入联系方式"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="户籍地址"
                        prop="hukou_address"
                        class="form-item-width-1"
                    >
                        <el-input 
                            v-model="formData1.hukou_address" 
                            clearable
                            placeholder="请输入户籍地址"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="现住地址"
                        prop="address"
                        class="form-item-width-1"
                    >
                        <el-input 
                            v-model="formData1.address" 
                            clearable
                            placeholder="请输入现住地址"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="事实监护人"
                        prop="ziduan3"
                    >
                        <el-input 
                            v-model="formData1.ziduan3" 
                            clearable
                            placeholder="请输入事实监护人"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="身份证号"
                        prop="ziduan4"
                    >
                        <el-input 
                            v-model="formData1.ziduan4" 
                            clearable
                            placeholder="请输入身份证号"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="关系"
                        prop="ziduan5"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan5"
                            clearable
                            placeholder="请选择关系"
                            :dictionary="GENERAL_REMOTE_OPTIONS[25]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="监护人户籍地址"
                        prop="ziduan6"
                        class="form-item-width-1"
                    >
                        <el-input 
                            v-model="formData1.ziduan6" 
                            clearable
                            placeholder="请输入监护人户籍地址"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="监护人现住地址"
                        prop="ziduan7"
                        class="form-item-width-1"
                    >
                        <el-input 
                            v-model="formData1.ziduan7" 
                            clearable
                            placeholder="请输入监护人现住地址"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="监护人联系方式"
                        prop="ziduan3"
                    >
                        <el-input 
                            v-model="formData1.ziduan8" 
                            clearable
                            placeholder="请输入监护人联系方式"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="困境儿童所在镇（街道）"
                        prop="ziduan9"
                    >
                        <el-input 
                            v-model="formData1.ziduan9" 
                            clearable
                            placeholder="请输入困境儿童所在镇（街道）"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="所在镇（街道）联系人"
                        prop="ziduan10"
                    >
                        <el-input 
                            v-model="formData1.ziduan10" 
                            clearable
                            placeholder="请输入所在镇（街道）联系人"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="所在镇（街道）联系方式"
                        prop="ziduan11"
                    >
                        <el-input 
                            v-model="formData1.ziduan11" 
                            clearable
                            placeholder="请输入所在镇（街道）联系方式"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="困境儿童所在村（社区）"
                        prop="ziduan12"
                    >
                        <el-input 
                            v-model="formData1.ziduan12" 
                            clearable
                            placeholder="请输入困境儿童所在村（社区）"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="所在村（社区）联系人"
                        prop="ziduan13"
                    >
                        <el-input 
                            v-model="formData1.ziduan13" 
                            clearable
                            placeholder="请输入所在村（社区）联系人"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="所在村（社区）联系方式"
                        prop="ziduan14"
                    >
                        <el-input 
                            v-model="formData1.ziduan14" 
                            clearable
                            placeholder="请输入所在村（社区）联系方式"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="身体状况"
                        prop="ziduan15"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan15"
                            clearable
                            placeholder="请选择身体状况"
                            :dictionary="GENERAL_REMOTE_OPTIONS[26]"
                        />
                    </el-form-item>   
                    <el-form-item 
                        label="残疾类型"
                        prop="ziduan16"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan16"
                            clearable
                            placeholder="请选择残疾类型"
                            :dictionary="GENERAL_REMOTE_OPTIONS[0]"
                        />
                    </el-form-item>  
                    <el-form-item 
                        label="残疾等级"
                        prop="ziduan17"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan17"
                            clearable
                            placeholder="请选择残疾等级"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>  
                    <el-form-item 
                        label="残疾时间"
                        prop="ziduan18"
                    >
                        <el-date-picker
                            v-model="formData1.ziduan18"
                            type="date"
                            clearable
                            value-format="YYYY-MM-DD"
                            placeholder="请选择残疾时间"
                            style="width: 100%"
                        />
                    </el-form-item>  
                    <el-form-item 
                        label="就学（业）情况"
                        prop="ziduan19"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan19"
                            clearable
                            placeholder="请选择就学（业）情况"
                            :dictionary="GENERAL_REMOTE_OPTIONS[27]"
                        />
                    </el-form-item>  
                    <el-form-item 
                        label="学校名称"
                        prop="ziduan20"
                    >
                        <el-input 
                            v-model="formData1.ziduan20" 
                            clearable
                            placeholder="请输入学校名称"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="年级(班级)"
                        prop="ziduan21"
                    >
                        <el-input 
                            v-model="formData1.ziduan21" 
                            clearable
                            placeholder="请输入年级(班级)"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="学校地址"
                        prop="ziduan22"
                    >
                        <el-input 
                            v-model="formData1.ziduan22" 
                            clearable
                            placeholder="请输入学校地址"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="学校联系方式"
                        prop="ziduan23"
                    >
                        <el-input 
                            v-model="formData1.ziduan23" 
                            clearable
                            placeholder="请输入学校联系方式"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="相关经历"
                        prop="ziduan24"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan24"
                            clearable
                            placeholder="请选择相关经历"
                            :dictionary="GENERAL_REMOTE_OPTIONS[28]"
                        />
                    </el-form-item>  
                </div>
                <Section :list="navLists[2]" />
                
                <div class="edit-form-item">
                    <el-form-item 
                        label="家庭类型"
                        prop="welfare_org_name"
                    >
                        <GeneralSelect
                            v-model="formData1.welfare_org_name"
                            clearable
                            placeholder="请选择家庭类型"
                            :dictionary="GENERAL_REMOTE_OPTIONS[29]"
                        />
                    </el-form-item>    
                </div>

                <Section :list="navLists[3]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="父亲姓名"
                        prop="ziduan25"
                    >
                        <el-input 
                            v-model="formData1.ziduan25" 
                            clearable
                            disabled
                            placeholder="请输入父亲姓名"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="身份证号"
                        prop="ziduan26"
                    >
                        <el-input 
                            v-model="formData1.ziduan26" 
                            clearable
                            disabled
                            placeholder="请输入身份证号"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="联系电话"
                        prop="ziduan27"
                    >
                        <el-input 
                            v-model="formData1.ziduan27" 
                            clearable
                            placeholder="请输入联系电话"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="父亲现状况"
                        prop="ziduan28"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan28"
                            clearable
                            placeholder="请选择父亲现状况"
                            :dictionary="GENERAL_REMOTE_OPTIONS[30]"
                        />
                    </el-form-item>
                    
                    <el-form-item 
                        label="母亲姓名"
                        prop="ziduan29"
                    >
                        <el-input 
                            v-model="formData1.ziduan29" 
                            clearable
                            disabled
                            placeholder="请输入母亲姓名"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="身份证号"
                        prop="ziduan30"
                    >
                        <el-input 
                            v-model="formData1.ziduan30" 
                            clearable
                            disabled
                            placeholder="请输入身份证号"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="联系电话"
                        prop="ziduan31"
                    >
                        <el-input 
                            v-model="formData1.ziduan31" 
                            clearable
                            placeholder="请输入联系电话"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="母亲现状况"
                        prop="ziduan32"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan32"
                            clearable
                            placeholder="请选择母亲现状况"
                            :dictionary="GENERAL_REMOTE_OPTIONS[30]"
                        />
                    </el-form-item>
                </div>

                <Section :list="navLists[4]" />
                <div class="edit-form-item">
                    <div 
                        class="form-item-width-1"
                    >
                        <GeneralTabelList
                            v-model:tableObj="tableObj" 
                        />
                    </div>

                    <el-form-item 
                        label="家庭经济情况"
                        prop="ethnicity"
                    >
                        <GeneralSelect
                            v-model="formData1.ethnicity"
                            clearable
                            placeholder="请选择家庭经济情况"
                            :dictionary="GENERAL_REMOTE_OPTIONS[9]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="家庭居住情况"
                        prop="hukou_category"
                    >
                        <GeneralSelect
                            v-model="formData1.hukou_category"
                            clearable
                            placeholder="请选择家庭居住情况"
                            :dictionary="GENERAL_REMOTE_OPTIONS[10]"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[5]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="生活保障情况"
                        prop="parenting_type"
                    >
                        <GeneralSelect
                            v-model="formData1.parenting_type"
                            clearable
                            placeholder="请选择生活保障情况"
                            :dictionary="GENERAL_REMOTE_OPTIONS[15]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="教育资助情况"
                        prop="health_status"
                    >
                        <GeneralSelect
                            v-model="formData1.health_status"
                            clearable
                            placeholder="请选择教育资助情况"
                            :dictionary="GENERAL_REMOTE_OPTIONS[11]"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[6]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="基本医疗保险"
                        prop="disease_types"
                    >
                        <GeneralSelect
                            v-model="formData1.disease_types"
                            clearable
                            placeholder="请选择基本医疗保险"
                            :dictionary="GENERAL_REMOTE_OPTIONS[14]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="专项医疗救助"
                        prop="disabled_types"
                    >
                        <GeneralSelect
                            v-model="formData1.disabled_types"
                            clearable
                            placeholder="请选择基本医疗保险"
                            :dictionary="GENERAL_REMOTE_OPTIONS[14]"
                        />
                    </el-form-item>
                </div>
                
                <Section :list="navLists[7]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="康复训练"
                        prop="is_hukou_registered"
                    >
                        <GeneralSelect
                            v-model="formData1.is_hukou_registered"
                            clearable
                            placeholder="请选择康复训练"
                            :options="GENERAL_OPTIONS_1"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="康复机构"
                        prop="ziduan33"
                    >
                        <el-input 
                            v-model="formData1.ziduan33" 
                            clearable
                            placeholder="请输入康复机构"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="效果"
                        prop="ziduan34"
                    >
                        <el-input 
                            v-model="formData1.ziduan34" 
                            clearable
                            placeholder="请输入效果"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="付费情况"
                        prop="ziduan35"
                    >
                        <el-input 
                            v-model="formData1.ziduan35" 
                            clearable
                            placeholder="请输入付费情况"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="矫治器具配备"
                        prop="disabled_level"
                    >
                        <GeneralSelect
                            v-model="formData1.disabled_level"
                            clearable
                            placeholder="请选择矫治器具配备"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[8]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="是否需要援助"
                        prop="shifouertongtiaoxianzijin"
                    >
                        <GeneralSelect
                            v-model="formData1.shifouertongtiaoxianzijin"
                            clearable
                            placeholder="请选择是否需要援助"
                            :options="GENERAL_OPTIONS_1"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[9]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="是否有社会关爱"
                        prop="ziduan36"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan36"
                            clearable
                            placeholder="请选择是否有社会关爱"
                            :options="GENERAL_OPTIONS_1"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="其他情况简述"
                        prop="ziduan37"
                    >
                        <el-input 
                            v-model="formData1.ziduan37" 
                            clearable
                            placeholder="请输入其他情况简述"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[10]" />
                
                <Section :list="navLists[11]" />
                <Section :list="navLists[12]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="家庭监护"
                        prop="ziduan56"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan56"
                            multiple
                            collapseTags
                            collapseTagsTooltip
                            clearable
                            placeholder="请选择家庭监护"
                            :dictionary="GENERAL_REMOTE_OPTIONS[12]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="国家监护"
                        prop="ziduan57"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan57"
                            multiple
                            collapseTags
                            collapseTagsTooltip
                            clearable
                            placeholder="请选择国家监护"
                            :dictionary="GENERAL_REMOTE_OPTIONS[12]"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[13]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="年龄（8分）"
                        prop="ziduan58"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan58"
                            clearable
                            placeholder="请选择年龄（8分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="受教育程度（8分）"
                        prop="ziduan59"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan59"
                            clearable
                            placeholder="请选择受教育程度（8分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="身体健康状况（8分）"
                        prop="ziduan60"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan60"
                            clearable
                            placeholder="请选择身体健康状况（8分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="心理健康情况（6分）"
                        prop="ziduan61"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan61"
                            clearable
                            placeholder="请选择心理健康情况（6分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="监护意识（9分）"
                        prop="ziduan62"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan62"
                            clearable
                            placeholder="请选择监护意识（9分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="遵纪守法（6分）"
                        prop="ziduan63"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan63"
                            clearable
                            placeholder="请选择遵纪守法（6分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="经济收入（5分）"
                        prop="ziduan64"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan64"
                            clearable
                            placeholder="请选择经济收入（5分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="夫妻关系（10分）"
                        prop="ziduan65"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan65"
                            clearable
                            placeholder="请选择夫妻关系（10分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="亲子关系（10分）"
                        prop="ziduan66"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan66"
                            clearable
                            placeholder="请选择亲子关系（10分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="亲属支持（10分）"
                        prop="ziduan67"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan67"
                            clearable
                            placeholder="请选择亲属支持（10分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="邻里支持（10分）"
                        prop="ziduan68"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan68"
                            clearable
                            placeholder="请选择邻里支持（10分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="生活环境（10分）"
                        prop="ziduan69"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan69"
                            clearable
                            placeholder="请选择生活环境（10分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[14]" />
                <Section :list="navLists[15]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="疾病"
                        prop="education_or_job"
                    >
                        <GeneralSelect
                            v-model="formData1.education_or_job"
                            multiple
                            collapseTags
                            collapseTagsTooltip
                            clearable
                            placeholder="请选择疾病"
                            :dictionary="GENERAL_REMOTE_OPTIONS[12]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="残疾"
                        prop="ziduan38"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan38"
                            multiple
                            collapseTags
                            collapseTagsTooltip
                            clearable
                            placeholder="请选择残疾"
                            :dictionary="GENERAL_REMOTE_OPTIONS[12]"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[16]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="年龄（8分）"
                        prop="ziduan39"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan39"
                            clearable
                            placeholder="请选择年龄（8分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="发育状况（6分）"
                        prop="ziduan40"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan40"
                            clearable
                            placeholder="请选择发育状况（6分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="卫生状况（6分）"
                        prop="ziduan41"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan41"
                            clearable
                            placeholder="请选择卫生状况（6分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="残疾等级（20分）"
                        prop="ziduan42"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan42"
                            clearable
                            placeholder="请选择残疾等级（20分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="疾病情况（30分）"
                        prop="ziduan43"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan43"
                            clearable
                            placeholder="请选择疾病情况（30分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="康复治疗（20分）"
                        prop="ziduan44"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan44"
                            clearable
                            placeholder="请选择康复治疗（20分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="社会保障（10分）"
                        prop="ziduan45"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan45"
                            clearable
                            placeholder="请选择社会保障（10分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[17]" />
                <Section :list="navLists[18]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="危害他人"
                        prop="ziduan46"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan46"
                            multiple
                            collapseTags
                            collapseTagsTooltip
                            clearable
                            placeholder="请选择危害他人"
                            :dictionary="GENERAL_REMOTE_OPTIONS[12]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="危害自己"
                        prop="ziduan47"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan47"
                            multiple
                            collapseTags
                            collapseTagsTooltip
                            clearable
                            placeholder="请选择危害自己"
                            :dictionary="GENERAL_REMOTE_OPTIONS[12]"
                        />
                    </el-form-item>
                </div>
                <Section :list="navLists[19]" />
                <div class="edit-form-item">
                    <el-form-item 
                        label="学习习惯（10分）"
                        prop="ziduan48"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan48"
                            clearable
                            placeholder="请选择学习习惯（10分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="学习成绩（10分）"
                        prop="ziduan49"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan49"
                            clearable
                            placeholder="请选择学习成绩（10分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="学校交往（10分）"
                        prop="ziduan50"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan50"
                            clearable
                            placeholder="请选择学校交往（10分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="家庭行为（30分）"
                        prop="ziduan51"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan51"
                            clearable
                            placeholder="请选择家庭行为（30分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="交往对象（8分）"
                        prop="ziduan52"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan52"
                            clearable
                            placeholder="请选择交往对象（8分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="出入场所（6分）"
                        prop="ziduan53"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan53"
                            clearable
                            placeholder="请选择出入场所（6分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="课外活动（6分）"
                        prop="ziduan54"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan54"
                            clearable
                            placeholder="请选择课外活动（6分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                    <el-form-item 
                        label="心理健康（20分）"
                        prop="ziduan55"
                    >
                        <GeneralSelect
                            v-model="formData1.ziduan55"
                            clearable
                            placeholder="请选择心理健康（20分）"
                            :dictionary="GENERAL_REMOTE_OPTIONS[13]"
                        />
                    </el-form-item>
                </div>

            </el-form>
        </template>
        <template #footer>
            <el-button 
                type="primary"
                @click="onSubmit1(ruleFormRef1)"
            >
                保存
            </el-button>
            <el-button 
                type="primary"
                @click=""
            >
                计算风险分数
            </el-button>
        </template>
    </GeneralOperationForm>
</template>
  
<script lang="ts" setup>
    import { ref, reactive, markRaw, onBeforeMount, onMounted, onBeforeUnmount, nextTick, computed, watch } from 'vue'
    import type { Ref, Raw } from 'vue'
    import { useRoute, useRouter } from 'vue-router'
    import { storeToRefs } from 'pinia'
    import { useStore } from '@/store'
    import { ElMessage } from 'element-plus'
    import {
        Lock,
        User,
        Monitor,
        Phone,
        UploadFilled
    } from '@element-plus/icons-vue'
    import { 
        welfareorgsGetWelfareOrgsInfoApi, 
        welfareorgsAddChildInfoApi, 
    } from '@/apis'

    import { isPhone, isIDCard, dateFormatter } from '@/utils'
    import GeneralOperationForm from '@/components/generalOperationForm/GeneralOperationForm.vue'
    import Section from '@/components/section/Section.vue'
    import AdministrativeDivisionsCascader from '@/components/administrativeDivisionsCascader/AdministrativeDivisionsCascader.vue'
    import FormUploadImage from '@/components/formUploadImage/FormUploadImage.vue'
    import GeneralSelect from '@/components/generalSelect/GeneralSelect.vue'
    import GeneralTabelList from '@/components/generalTabel/components/generalTabelList/GeneralTabelList.vue'

    import { GENERAL_OPTIONS_1, GENERAL_REMOTE_OPTIONS } from '@/constants'

    const route = useRoute()
    const router = useRouter()
    const store = useStore()
    
    const dialogObj = defineModel<any>('dialogObj', {
        required: false,
        default: {}
    })
    const emits = defineEmits<{
        // (e: 'update:isCollapse', data: boolean): void,
        tabelSearch: [data?: any]
    }>()
    // 侧边栏
    const navLists:Ref<any[]> = ref([
        {
            text: '困境儿童基本信息统计表',
            id: 'nav-id-1',
            level: 1,
        },
        {
            text: '儿童自身情况',
            id: 'nav-id-1-1',
            level: 2,
        },
        {
            text: '儿童家庭情况',
            id: 'nav-id-1-2',
            level: 2,
        },
        {
            text: '父母亲状况',
            id: 'nav-id-1-2-1',
            level: 3,
        },
        {
            text: '其他主要家庭成员情况',
            id: 'nav-id-1-2-2',
            level: 3,
        },
        {
            text: '儿童保障情况',
            id: 'nav-id-1-3',
            level: 2,
        },
        {
            text: '医疗救助情况',
            id: 'nav-id-1-3-1',
            level: 3,
        },
        {
            text: '康复救助情况（残疾儿童）',
            id: 'nav-id-1-3-2',
            level: 3,
        },
        {
            text: '司法援助情况',
            id: 'nav-id-1-3-3',
            level: 3,
        },
        {
            text: '社会关爱情况',
            id: 'nav-id-1-3-4',
            level: 3,
        },
        {
            text: '困境儿童风险类型与等级评估表',
            id: 'nav-id-2',
            level: 1,
        },
        {
            text: '监护风险等级评估表',
            id: 'nav-id-2-1',
            level: 2,
        },
        {
            text: '强制报告事项',
            id: 'nav-id-2-1-1',
            level: 3,
        },
        {
            text: '监护风险评估',
            id: 'nav-id-2-1-2',
            level: 3,
        },
        {
            text: '生理风险等级评估表',
            id: 'nav-id-2-2',
            level: 2,
        },
        {
            text: '强制报告事项',
            id: 'nav-id-2-2-1',
            level: 3,
        },
        {
            text: '生理风险评估',
            id: 'nav-id-2-2-2',
            level: 3,
        },
        {
            text: '行为风险等级评估表',
            id: 'nav-id-2-3',
            level: 2,
        },
        {
            text: '强制报告事项',
            id: 'nav-id-2-3-1',
            level: 3,
        },
        {
            text: '行为风险评估',
            id: 'nav-id-2-3-2',
            level: 3,
        },
        
    ])

    const ruleFormRef1 = ref<any>()
    const formData1: Ref<any> = ref({
        name: '',
        id_number: '',
        gender: '',
        ziduan1: '',
        ziduan2: '',
        hukou_address: '',
        address: '',
        ziduan3: '',
        ziduan4: '',
        ziduan5: '',
        ziduan6: '',
        ziduan7: '',
        ziduan8: '',
        ziduan9: '',
        ziduan10: '',
        ziduan11: '',
        ziduan12: '',
        ziduan13: '',
        ziduan14: '',
        ziduan15: '',
        ziduan16: '',
        ziduan17: '',
        ziduan18: '',
        ziduan19: '',
        ziduan20: '',
        ziduan21: '',
        ziduan22: '',
        ziduan23: '',
        ziduan24: '',
        ziduan25: '',
        ziduan26: '',
        ziduan27: '',
        ziduan28: '',
        ziduan29: '',
        ziduan30: '',
        ziduan31: '',
        ziduan32: '',
        ziduan33: '',
        ziduan34: '',
        ziduan35: '',
        ziduan36: '',
        ziduan37: '',
        ziduan38: '',
        ziduan39: '',
        ziduan40: '',
        ziduan41: '',
        ziduan42: '',
        ziduan43: '',
        ziduan44: '',
        ziduan45: '',
        ziduan46: '',
        ziduan47: '',
        ziduan48: '',
        ziduan49: '',
        ziduan50: '',
        ziduan51: '',
        ziduan52: '',
        ziduan53: '',
        ziduan54: '',
        ziduan55: '',
        ziduan56: '',
        ziduan57: '',
        ziduan58: '',
        ziduan59: '',
        ziduan60: '',
        ziduan61: '',
        ziduan62: '',
        ziduan63: '',
        ziduan64: '',
        ziduan65: '',
        ziduan66: '',
        ziduan67: '',
        ziduan68: '',
        ziduan69: '',
        welfare_org_name: '',
        ethnicity: '',
        hukou_category: '',
        parenting_type: '',
        health_status: '',
        disease_types: '',
        disabled_types: '',
        is_hukou_registered: '',
        disabled_level: '',
        shifouertongtiaoxianzijin: '',
        education_or_job: '',



        
        
        created_at: '', //新增时间
        updated_at: '', //修改时间
    })
    const rules1 = reactive<any>({
        // name: [
        //     { 
        //         required: true, 
        //         message: '请输入姓名！', 
        //         trigger: 'blur' 
        //     },
        // ],
        // id_number: [
        //     { 
        //         validator: (rule: any, value: any, callback: any) => {
        //             if (value) {
        //                 if (isIDCard(value)) {
        //                     callback()
        //                 } else {
        //                     callback(new Error('请输入正确的身份证号码'))
        //                 }
        //             } else {
        //                 callback()
        //             }
        //         }, 
        //         trigger: 'blur' 
        //     }
        // ],
        // gender: [
        //     { 
        //         required: true, 
        //         message: '请选择性别！', 
        //         trigger: 'blur' 
        //     },
        // ],
        // ziduan1: [
        //     { 
        //         required: true, 
        //         message: '请选择户籍性质！', 
        //         trigger: 'blur' 
        //     },
        // ],
        // hukou_address: [
        //     { 
        //         required: true, 
        //         message: '请输入户籍地址！', 
        //         trigger: 'blur' 
        //     },
        // ],
        // address: [
        //     { 
        //         required: true, 
        //         message: '请输入现住地址！', 
        //         trigger: 'blur' 
        //     },
        // ],
        ziduan4: [
            { 
                validator: (rule: any, value: any, callback: any) => {
                    if (value) {
                        if (isIDCard(value)) {
                            callback()
                        } else {
                            callback(new Error('请输入正确的身份证号码'))
                        }
                    } else {
                        callback()
                    }
                }, 
                trigger: 'blur' 
            }
        ],
        welfare_org_name: [
            { 
                required: true, 
                message: '请选择家庭类型！', 
                trigger: 'blur' 
            },
        ],
        ziduan28: [
            { 
                required: true, 
                message: '请选择父亲现状况！', 
                trigger: 'blur' 
            },
        ],
        ziduan32: [
            { 
                required: true, 
                message: '请选择母亲现状况！', 
                trigger: 'blur' 
            },
        ],
        ziduan39: [
            { 
                required: true, 
                message: '请选择年龄（8分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan40: [
            { 
                required: true, 
                message: '请选择发育状况（6分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan41: [
            { 
                required: true, 
                message: '请选择卫生状况（6分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan42: [
            { 
                required: true, 
                message: '请选择残疾等级（20分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan43: [
            { 
                required: true, 
                message: '请选择疾病情况（30分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan44: [
            { 
                required: true, 
                message: '请选择康复治疗（20分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan45: [
            { 
                required: true, 
                message: '请选择社会保障（10分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan48: [
            { 
                required: true, 
                message: '请选择学习习惯（10分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan49: [
            { 
                required: true, 
                message: '请选择学习成绩（10分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan50: [
            { 
                required: true, 
                message: '请选择学校交往（10分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan51: [
            { 
                required: true, 
                message: '请选择家庭行为（30分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan52: [
            { 
                required: true, 
                message: '请选择交往对象（8分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan53: [
            { 
                required: true, 
                message: '请选择出入场所（6分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan54: [
            { 
                required: true, 
                message: '请选择课外活动（6分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan55: [
            { 
                required: true, 
                message: '请选择心理健康（20分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan58: [
            { 
                required: true, 
                message: '请选择年龄（8分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan59: [
            { 
                required: true, 
                message: '请选择受教育程度（8分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan60: [
            { 
                required: true, 
                message: '请选择身体健康状况（8分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan61: [
            { 
                required: true, 
                message: '请选择心理健康情况（6分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan62: [
            { 
                required: true, 
                message: '请选择监护意识（9分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan63: [
            { 
                required: true, 
                message: '请选择遵纪守法（6分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan64: [
            { 
                required: true, 
                message: '请选择经济收入（5分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan65: [
            { 
                required: true, 
                message: '请选择夫妻关系（10分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan66: [
            { 
                required: true, 
                message: '请选择亲子关系（10分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan67: [
            { 
                required: true, 
                message: '请选择亲属支持（10分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan68: [
            { 
                required: true, 
                message: '请选择邻里支持（10分）！', 
                trigger: 'blur' 
            },
        ],
        ziduan69: [
            { 
                required: true, 
                message: '请选择生活环境（10分）！', 
                trigger: 'blur' 
            },
        ],
    })
    const tableObj: Ref<any> = ref({
        tableData: [
        ],
        tableColumn: [
            {
                tableProp: '', //字段名称 对应列内容的字段名， 也可以使用 property属性
                tableLabel: '', //显示的标题
                // tableWidth: '100', //对应列的宽度
                tableMinWidth: '50', //对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列
                tableShowOverflowTooltip: true, //当内容太长时，它会分成多行。您可以使用 show-overflow-tooltip 将其保留在一行中。属性 show-overflow-tooltip 接受一个布尔值。 为 true 时多余的内容会在 hover 时以 tooltip 的形式显示出来。
                tableFixed: false, //它接受 Boolean 值。 如果为 true, 列将被左侧固定. 它还接受传入字符串，left 或 right，表示左边固定还是右边固定。
                tableType: 'selection', //对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮
                tableAlign: 'left', //对齐方式'left' | 'center' | 'right'
                tableHeaderAlign: 'left', //表头对齐方式， 若不设置该项，则使用表格的对齐方式'left' | 'center' | 'right'
                tableChildren: [ //多级表头需要
                ],
                tableSortable: false, //在列中设置 sortable 属性即可实现以该列为基准的排序， 接受一个 Boolean，默认为 false。 可以通过 Table 的 default-sort 属性设置默认的排序列和排序顺序。
            },
            {
                tableProp: '', //字段名称 对应列内容的字段名， 也可以使用 property属性
                tableLabel: '序号', //显示的标题
                // tableWidth: '100', //对应列的宽度
                tableMinWidth: '100', //对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列
                tableShowOverflowTooltip: true, //当内容太长时，它会分成多行。您可以使用 show-overflow-tooltip 将其保留在一行中。属性 show-overflow-tooltip 接受一个布尔值。 为 true 时多余的内容会在 hover 时以 tooltip 的形式显示出来。
                tableFixed: false, //它接受 Boolean 值。 如果为 true, 列将被左侧固定. 它还接受传入字符串，left 或 right，表示左边固定还是右边固定。
                tableType: 'index', //对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮
                tableAlign: 'left', //对齐方式'left' | 'center' | 'right'
                tableHeaderAlign: 'left', //表头对齐方式， 若不设置该项，则使用表格的对齐方式'left' | 'center' | 'right'
                tableChildren: [ //多级表头需要
                   
                ],
                tableSortable: false, //在列中设置 sortable 属性即可实现以该列为基准的排序， 接受一个 Boolean，默认为 false。 可以通过 Table 的 default-sort 属性设置默认的排序列和排序顺序。
            },
            {
                tableProp: 'pingguriqi', //字段名称 对应列内容的字段名， 也可以使用 property属性
                tableLabel: '姓名', //显示的标题
                // tableWidth: '100', //对应列的宽度
                tableMinWidth: '200', //对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列
                tableShowOverflowTooltip: true, //当内容太长时，它会分成多行。您可以使用 show-overflow-tooltip 将其保留在一行中。属性 show-overflow-tooltip 接受一个布尔值。 为 true 时多余的内容会在 hover 时以 tooltip 的形式显示出来。
                tableFixed: false, //它接受 Boolean 值。 如果为 true, 列将被左侧固定. 它还接受传入字符串，left 或 right，表示左边固定还是右边固定。
                tableType: 'default', //对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮
                tableAlign: 'left', //对齐方式'left' | 'center' | 'right'
                tableHeaderAlign: 'left', //表头对齐方式， 若不设置该项，则使用表格的对齐方式'left' | 'center' | 'right'
                tableChildren: [ //多级表头需要
                ],
                tableSortable: false, //在列中设置 sortable 属性即可实现以该列为基准的排序， 接受一个 Boolean，默认为 false。 可以通过 Table 的 default-sort 属性设置默认的排序列和排序顺序。
                tableContentType: 'input', //column定制内容类型input select date cascader button
                tableContentDisabled: false, //是否禁用
                tableContentDefaultValue: '', //默认值
                tableContentRules: [ //规则
                    // { 
                    //     required: true, 
                    //     message: '请输入！', 
                    //     trigger: 'blur' 
                    // }
                ],
                // input输入框
                tableContentInputType: 'text', //类型 number
                tableContentInputMaxLength: '', //最大输入长度 数字
            },
            {
                tableProp: 'pingguren', //字段名称 对应列内容的字段名， 也可以使用 property属性
                tableLabel: '关系', //显示的标题
                // tableWidth: '100', //对应列的宽度
                tableMinWidth: '200', //对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列
                tableShowOverflowTooltip: true, //当内容太长时，它会分成多行。您可以使用 show-overflow-tooltip 将其保留在一行中。属性 show-overflow-tooltip 接受一个布尔值。 为 true 时多余的内容会在 hover 时以 tooltip 的形式显示出来。
                tableFixed: false, //它接受 Boolean 值。 如果为 true, 列将被左侧固定. 它还接受传入字符串，left 或 right，表示左边固定还是右边固定。
                tableType: 'default', //对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮
                tableAlign: 'left', //对齐方式'left' | 'center' | 'right'
                tableHeaderAlign: 'left', //表头对齐方式， 若不设置该项，则使用表格的对齐方式'left' | 'center' | 'right'
                tableChildren: [ //多级表头需要
                ],
                tableSortable: false, //在列中设置 sortable 属性即可实现以该列为基准的排序， 接受一个 Boolean，默认为 false。 可以通过 Table 的 default-sort 属性设置默认的排序列和排序顺序。
                tableContentType: 'select', //column定制内容类型input select date cascader button
                tableContentDisabled: false, //是否禁用
                tableContentDefaultValue: '', //默认值
                tableContentRules: [ //规则
                    // { 
                    //     required: true, 
                    //     message: '请输入！', 
                    //     trigger: 'blur' 
                    // }
                ],
                // select选项
                tableContentSelectmultiple: false, //select是否多选
                tableContentSelectMultipleLimit: 0, //multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制
                tableContentSelectCollapseTags: false, //多选时是否将选中值按文字的形式展示
                tableContentSelectcollapseTagsTooltip: false, //当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true
                // tableContentSelectOptions: [], //select选项
                tableContentSelectDictionary: GENERAL_REMOTE_OPTIONS[25], //select字典选项，填这个就不用填selectOptions
                // tableContentSelectDefalutOptionsIndex: 0, //select默认选第几个选项,可以数字，字符串，数组，字符串和数组对应值也会是字符串或者数组
            },
            {
                tableProp: 'fengxiandengji', //字段名称 对应列内容的字段名， 也可以使用 property属性
                tableLabel: '出生日期', //显示的标题
                // tableWidth: '100', //对应列的宽度
                tableMinWidth: '200', //对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列
                tableShowOverflowTooltip: true, //当内容太长时，它会分成多行。您可以使用 show-overflow-tooltip 将其保留在一行中。属性 show-overflow-tooltip 接受一个布尔值。 为 true 时多余的内容会在 hover 时以 tooltip 的形式显示出来。
                tableFixed: false, //它接受 Boolean 值。 如果为 true, 列将被左侧固定. 它还接受传入字符串，left 或 right，表示左边固定还是右边固定。
                tableType: 'default', //对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮
                tableAlign: 'left', //对齐方式'left' | 'center' | 'right'
                tableHeaderAlign: 'left', //表头对齐方式， 若不设置该项，则使用表格的对齐方式'left' | 'center' | 'right'
                tableChildren: [ //多级表头需要
                ],
                tableSortable: false, //在列中设置 sortable 属性即可实现以该列为基准的排序， 接受一个 Boolean，默认为 false。 可以通过 Table 的 default-sort 属性设置默认的排序列和排序顺序。
                tableContentType: 'date', //column定制内容类型input select date cascader button
                tableContentDisabled: false, //是否禁用
                tableContentDefaultValue: '', //默认值
                tableContentRules: [ //规则
                    // { 
                    //     required: true, 
                    //     message: '请输入！', 
                    //     trigger: 'blur' 
                    // }
                ],
                // date选项
                tableContentDateValueFormat: 'YYYY-MM-DD', //绑定值的格式YYYY-MM-DD
                tableContentDateType: 'date', //类型 date year month daterange monthrange yearrange
                tableContentDateDefaultValue: '', //默认值 new Date(2010, 9, 1)
                tableContentDateDisabledDate: (time) => {
                    return time.getTime() > Date.now()
                }
            },
            {
                tableProp: 'zhuanseqingkuang', //字段名称 对应列内容的字段名， 也可以使用 property属性
                tableLabel: '身体状况', //显示的标题
                // tableWidth: '100', //对应列的宽度
                tableMinWidth: '200', //对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列
                tableShowOverflowTooltip: true, //当内容太长时，它会分成多行。您可以使用 show-overflow-tooltip 将其保留在一行中。属性 show-overflow-tooltip 接受一个布尔值。 为 true 时多余的内容会在 hover 时以 tooltip 的形式显示出来。
                tableFixed: false, //它接受 Boolean 值。 如果为 true, 列将被左侧固定. 它还接受传入字符串，left 或 right，表示左边固定还是右边固定。
                tableType: 'default', //对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮
                tableAlign: 'left', //对齐方式'left' | 'center' | 'right'
                tableHeaderAlign: 'left', //表头对齐方式， 若不设置该项，则使用表格的对齐方式'left' | 'center' | 'right'
                tableChildren: [ //多级表头需要
                ],
                tableSortable: false, //在列中设置 sortable 属性即可实现以该列为基准的排序， 接受一个 Boolean，默认为 false。 可以通过 Table 的 default-sort 属性设置默认的排序列和排序顺序。
                tableContentType: 'select', //column定制内容类型input select date cascader button
                tableContentDisabled: false, //是否禁用
                tableContentDefaultValue: '', //默认值
                tableContentRules: [ //规则
                    // { 
                    //     required: true, 
                    //     message: '请输入！', 
                    //     trigger: 'blur' 
                    // }
                ],
                // select选项
                tableContentSelectmultiple: false, //select是否多选
                tableContentSelectMultipleLimit: 0, //multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制
                tableContentSelectCollapseTags: false, //多选时是否将选中值按文字的形式展示
                tableContentSelectcollapseTagsTooltip: false, //当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true
                // tableContentSelectOptions: [], //select选项
                tableContentSelectDictionary: GENERAL_REMOTE_OPTIONS[30], //select字典选项，填这个就不用填selectOptions
                // tableContentSelectDefalutOptionsIndex: 0, //select默认选第几个选项,可以数字，字符串，数组，字符串和数组对应值也会是字符串或者数组
                
            },
            {
                tableProp: 'shifoutongwang', //字段名称 对应列内容的字段名， 也可以使用 property属性
                tableLabel: '是否同住', //显示的标题
                // tableWidth: '100', //对应列的宽度
                tableMinWidth: '200', //对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列
                tableShowOverflowTooltip: true, //当内容太长时，它会分成多行。您可以使用 show-overflow-tooltip 将其保留在一行中。属性 show-overflow-tooltip 接受一个布尔值。 为 true 时多余的内容会在 hover 时以 tooltip 的形式显示出来。
                tableFixed: false, //它接受 Boolean 值。 如果为 true, 列将被左侧固定. 它还接受传入字符串，left 或 right，表示左边固定还是右边固定。
                tableType: 'default', //对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮
                tableAlign: 'left', //对齐方式'left' | 'center' | 'right'
                tableHeaderAlign: 'left', //表头对齐方式， 若不设置该项，则使用表格的对齐方式'left' | 'center' | 'right'
                tableChildren: [ //多级表头需要
                ],
                tableSortable: false, //在列中设置 sortable 属性即可实现以该列为基准的排序， 接受一个 Boolean，默认为 false。 可以通过 Table 的 default-sort 属性设置默认的排序列和排序顺序。
                tableContentType: 'select', //column定制内容类型input select date cascader button
                tableContentDisabled: false, //是否禁用
                tableContentDefaultValue: '', //默认值
                tableContentRules: [ //规则
                    // { 
                    //     required: true, 
                    //     message: '请输入！', 
                    //     trigger: 'blur' 
                    // }
                ],
                // select选项
                tableContentSelectmultiple: false, //select是否多选
                tableContentSelectMultipleLimit: 0, //multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制
                tableContentSelectCollapseTags: false, //多选时是否将选中值按文字的形式展示
                tableContentSelectcollapseTagsTooltip: false, //当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true
                tableContentSelectOptions: GENERAL_OPTIONS_1, //select选项
                // tableContentSelectDictionary: '', //select字典选项，填这个就不用填selectOptions
                // tableContentSelectDefalutOptionsIndex: 0, //select默认选第几个选项,可以数字，字符串，数组，字符串和数组对应值也会是字符串或者数组
            },
            {
                tableProp: 'jiaoyuchengdu', //字段名称 对应列内容的字段名， 也可以使用 property属性
                tableLabel: '教育程度', //显示的标题
                // tableWidth: '100', //对应列的宽度
                tableMinWidth: '200', //对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列
                tableShowOverflowTooltip: true, //当内容太长时，它会分成多行。您可以使用 show-overflow-tooltip 将其保留在一行中。属性 show-overflow-tooltip 接受一个布尔值。 为 true 时多余的内容会在 hover 时以 tooltip 的形式显示出来。
                tableFixed: false, //它接受 Boolean 值。 如果为 true, 列将被左侧固定. 它还接受传入字符串，left 或 right，表示左边固定还是右边固定。
                tableType: 'default', //对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮
                tableAlign: 'left', //对齐方式'left' | 'center' | 'right'
                tableHeaderAlign: 'left', //表头对齐方式， 若不设置该项，则使用表格的对齐方式'left' | 'center' | 'right'
                tableChildren: [ //多级表头需要
                ],
                tableSortable: false, //在列中设置 sortable 属性即可实现以该列为基准的排序， 接受一个 Boolean，默认为 false。 可以通过 Table 的 default-sort 属性设置默认的排序列和排序顺序。
                tableContentType: 'select', //column定制内容类型input select date cascader button
                tableContentDisabled: false, //是否禁用
                tableContentDefaultValue: '', //默认值
                tableContentRules: [ //规则
                    // { 
                    //     required: true, 
                    //     message: '请输入！', 
                    //     trigger: 'blur' 
                    // }
                ],
                // select选项
                tableContentSelectmultiple: false, //select是否多选
                tableContentSelectMultipleLimit: 0, //multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制
                tableContentSelectCollapseTags: false, //多选时是否将选中值按文字的形式展示
                tableContentSelectcollapseTagsTooltip: false, //当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true
                // tableContentSelectOptions: [], //select选项
                tableContentSelectDictionary: GENERAL_REMOTE_OPTIONS[31], //select字典选项，填这个就不用填selectOptions
                // tableContentSelectDefalutOptionsIndex: 0, //select默认选第几个选项,可以数字，字符串，数组，字符串和数组对应值也会是字符串或者数组
            },
            {
                tableProp: 'zhichichengdu', //字段名称 对应列内容的字段名， 也可以使用 property属性
                tableLabel: '支持程度', //显示的标题
                // tableWidth: '100', //对应列的宽度
                tableMinWidth: '200', //对应列的最小宽度， 对应列的最小宽度， 与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列
                tableShowOverflowTooltip: true, //当内容太长时，它会分成多行。您可以使用 show-overflow-tooltip 将其保留在一行中。属性 show-overflow-tooltip 接受一个布尔值。 为 true 时多余的内容会在 hover 时以 tooltip 的形式显示出来。
                tableFixed: false, //它接受 Boolean 值。 如果为 true, 列将被左侧固定. 它还接受传入字符串，left 或 right，表示左边固定还是右边固定。
                tableType: 'default', //对应列的类型。 如果设置了selection则显示多选框； 如果设置了 index 则显示该行的索引（从 1 开始计算）； 如果设置了 expand 则显示为一个可展开的按钮
                tableAlign: 'left', //对齐方式'left' | 'center' | 'right'
                tableHeaderAlign: 'left', //表头对齐方式， 若不设置该项，则使用表格的对齐方式'left' | 'center' | 'right'
                tableChildren: [ //多级表头需要
                ],
                tableSortable: false, //在列中设置 sortable 属性即可实现以该列为基准的排序， 接受一个 Boolean，默认为 false。 可以通过 Table 的 default-sort 属性设置默认的排序列和排序顺序。
                tableContentType: 'input', //column定制内容类型input select date cascader button
                tableContentDisabled: false, //是否禁用
                tableContentDefaultValue: '', //默认值
                tableContentRules: [ //规则
                    // { 
                    //     required: true, 
                    //     message: '请输入！', 
                    //     trigger: 'blur' 
                    // }
                ],
                // input输入框
                tableContentInputType: 'text', //类型 number
                tableContentInputMaxLength: '', //最大输入长度 数字
            },
        ],
        tableBorder: true, //是否带有纵向边框
        tableStripe: true, //是否为斑马纹 table
        tableRowClassName: ({ //自定义每一行的样式
            row,
            rowIndex,
        }) => {
            row.rowIndex = rowIndex //给表格数据增加唯一值，不然新增数据后选中会变成全选
            // if (rowIndex === 1) {
            //     return 'warning-row'
            // } else if (rowIndex === 3) {
            //     return 'success-row'
            // }
            return ''
        },
        // tableHeight: '500', //已经通过样式设置了flex=1，高度不用再设置  table 的高度。 默认为自动高度。 如果 height 为 number 类型，单位 px；如果 height 为 string 类型，则这个高度会设置为 Table 的 style.height 的值，Table 的高度会受控于外部样式。
        tableMaxHeight: '500', //已经通过样式设置了flex=1，高度不用再设置  table 的最大高度。 合法的值为数字或者单位为 px 的高度。
        tableHighlightCurrentRow: false, //是否要高亮当前行
        tableFit: true, //列的宽度是否自撑开
        tableShowHeader: true, //是否显示表头
        tableCurrentChange: (currentRow, oldCurrentRow) => { //当表格的当前行发生变化的时候会触发该事件，如果要高亮当前行，请打开表格的 highlight-current-row 属性
            // console.log(currentRow)
            // console.log(oldCurrentRow)
        },
        tableRowDblclick: (row , column, event) => { //当某一行被双击时会触发该事件
            // console.log(row)
            // console.log(column)
            // console.log(event)
        },
        // tableDefaultSort: '', //默认的排序列的 prop 和顺序。 它的 prop 属性指定默认的排序的列，order 指定默认排序的顺序，例子{ prop: 'date', order: 'descending' }
        tableFormatter: (row, column) => { //它用于格式化指定列的值
            // return row.address
        },
        tableRowKey: '', //行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的。 类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。
        tableDefaultExpandAll: false, //是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效
        tableShowSummary: false, //是否在表尾显示合计行
        tableLayout: 'fixed', //设置表格单元、行和列的布局方式
        tableSelection: [], //选择项的值
        tableSelectionChange: (newSelection) => { //当选择项发生变化时会触发该事件
            tableObj.value.tableSelection = newSelection
            // console.log(tableObj.value.tableSelection)
        },
        tableIsShowEditButton: true, //是否显示新增和删除按钮
    })
    onMounted(() => {
        // if (dialogObj.value?.dialogParams.id) {
            welfareorgsGetWelfareOrgsInfoApi({
                id: dialogObj.value.dialogParams?.id ? dialogObj.value.dialogParams?.id : ''
            }).then((res: any) => {
                formData1.value = res.data
            })
        // }

    })

    const onSubmit1 = (formEl: any) => {
        if (!formEl) return;
        // console.log(formData1.value)
        formEl.validate((valid, fields) => {
            // console.log(valid)
            console.log(fields)
            if (valid) {
                // console.log('submit!')
                if (dialogObj.value?.dialogParams.id) {
                    formData1.value.updated_at = dateFormatter(new Date())
                } else {
                    formData1.value.created_at = dateFormatter(new Date())
                }
                welfareorgsAddChildInfoApi({
                    ...formData1.value
                }).then(res => {
                    emits('tabelSearch')
                    dialogObj.value.dialogVisible = false
                }).catch(err => {
                    // ElMessage({
                    //     type: 'error',
                    //     message: '系统异常，请稍后重试！',
                    // })
                })
            } else {
                // console.log('error submit!')
                ElMessage({
                    message: fields[Object.keys(fields)[0]][0].message,
                    type: 'warning',
                })
            }
        })
    }

    
</script>
  
<style lang="scss" scoped>
    .edit-form-item {
        @include edit-form-item;
        .form-item-width-1 {
            @include form-item-width-1;
        }
    }
</style>
